<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_505040_4qlmh0j0cl4sra4i.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/global/mui.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/global/public.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/article-list.css"/>
		<title>文章</title>
	</head>
	<body>
		<div class="html-loding"><img src="../../images/zhuanchang.gif"></div>
    	<div class="mui-slider" >
			<div class="mui-slider-group mui-slider-loop">
				<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
				<!--<div class="mui-slider-item mui-slider-item-duplicate">
						<img src="../../images/images/banner2.png">
						<p class="mui-slider-title">幸福就是可以一起睡觉</p>
				</div>-->
				<!-- 第一张 -->
				<!--<div class="mui-slider-item">
						<img src="../../images/images/banner1.png">
						<p class="mui-slider-title">幸福就是可以一起睡觉</p>
				</div>-->
				<!-- 第二张 -->
				<!--<div class="mui-slider-item">
						<img src="../../images/images/banner2.png">
						<p class="mui-slider-title">幸福就是可以一起睡觉</p>
				</div>-->
				<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
				<!--<div class="mui-slider-item mui-slider-item-duplicate">
						<img src="../../images/images/banner1.png">
						<p class="mui-slider-title">幸福就是可以一起睡觉</p>
				</div>-->
			</div>
			<div class="mui-slider-indicator">
				<!--<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>-->
			</div>
		</div>
		<ul class="mui-table-view" id="article-list">
			<!--<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="../../images/images/banner1.png">
					<div class="mui-media-body font3">
						<div class='mui-ellipsis'>葡萄干要不要先洗？</div>
						<p class="mui-ellipsis-2 font1">葡萄干这样高糖含量的食品上,常见致病菌并不容易存活。葡萄干这样高糖含量的食品上,常见致病菌并不容易存活。</p>
						<span>阅读量<font>248</font></span>
					</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="../../images/images/banner1.png">
					<div class="mui-media-body font3">
						<div class='mui-ellipsis'>葡萄干要不要先洗？</div>
						<p class="mui-ellipsis-2 font1">葡萄干这样高糖含量的食品上,常见致病菌并不容易存活。葡萄干这样高糖含量的食品上,常见致病菌并不容易存活。</p>
						<span>阅读量<font>248</font></span>
					</div>
				</a>
			</li>-->
		</ul>
		<nav class="mui-bar mui-bar-tab">
			<div class="mui-tab-item" id="index">
				<span class="mui-icon iconfont icon-001"></span><span class="mui-tab-label">首页</span>
			</div>
			<div class="mui-tab-item" id="message">
				<span class="mui-icon iconfont icon-002"></span><span class="mui-tab-label">消息</span>
			</div>
			<div class="mui-tab-item mui-active" id="article">
				<span class="mui-icon iconfont icon-016"></span><span class="mui-tab-label">文章</span>
			</div>
			<div class="mui-tab-item" id="userCenter">
				<span class="mui-icon iconfont icon-004"></span><span class="mui-tab-label">我的</span>
			</div>
		</nav>
	</body>
	<!--公共方法-->
	<script type="text/javascript" src="../../js/common/common.js"></script>
	<script type="text/javascript" src="../../js/module/utilModule.js" ></script> 
	<!--配置信息-->
	<script type="text/javascript" src="../../js/common/config.js"></script>
	<script type="text/javascript" src="../../js/lib/zepto.min.js" ></script>
	
	<!--自定义模块-->
	<script type="text/javascript" src="../../js/lib/mui.min.js"></script>
	
	<script type="text/javascript" src="../../js/module/articlemodule.js" ></script>
	<script type="text/javascript" src="../../js/article/article-list.js" ></script> 
</html>
